﻿Ext.namespace('admin.menu.menuCode');

admin.menu.menuCode.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	admin.menu.menuCode.Main.superclass.constructor.call(this);
};

Ext.extend(admin.menu.menuCode.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {

		this.westPanel = this.tree = new Ext.tree.TreePanel({
			region : "west",
			title : '公共代码',
			width : 245,
			border : false,
			split : true,
			collapsible : true,
			loader : new Ext.tree.TreeLoader({
				baseParams : {
					nodeId : '-1'
				},
				dataUrl : ExtJ
						.getActionPath('code/queryMenuListWithOutCheckBox.do')
			}),
			root : new Ext.tree.AsyncTreeNode({
				id : '-1',
				draggable : false,
				expanded : false,
				text : ''
			}),
			tbar : [ {
				id : 'add',
				text : '新增',
				iconCls : 'add',
				menu : [ {
					id : 'add_tj',
					text : '新增同级',
					iconCls : 'add',
					handler : this.onAddTj.createDelegate(this)
				}, {
					id : 'add_xj',
					text : '新增下级',
					iconCls : 'add',
					handler : this.onAddXj.createDelegate(this)
				} ]
			}, {
				id : 'updateMenu',
				text : '修改',
				iconCls : 'update',
				handler : this.onUpdateMenu.createDelegate(this)
			}, {
				id : 'deleteMenu',
				text : '删除',
				iconCls : 'delete',
				handler : this.onDeleteMenu.createDelegate(this)
			} ],
			autoScroll : true,
			animate : false,
			border : false,
			enableDD : false,
			containerScroll : true,
			singleExpand : false,
			draggable : false,
			rootVisible : false,
			listeners : {
				'render' : function() {
				}.createDelegate(this),
				'beforeload' : function(node, e) {
					this.tree.getLoader().baseParams.nodeId = node.id;
				}.createDelegate(this),
				'click' : this.onTreeNodeClick.createDelegate(this)
				//'afterload':this.tree.getNodeById(Ext.getCmp().get('C_PARENT_ID')).expand()
			}
		});
		
		
		this.queryForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'north',
			labelWidth : 100,
			labelAlign : 'right',
			autoHeight : true,
			border : false,
			frame : false,
			items : [{
						columnWidth : 1,
						height : 10,
						border : false
					},{
						columnWidth : .25,
						layout : 'form',
						border : false,
						hidden:true,
						items : [ {
							fieldLabel : '父节点id',
							name : 'C_PARENT_ID',
							id : 'C_PARENT_ID',
							anchor : '96%',
							readOnly:true,
							xtype : 'textfield'
						} ]
					},{
						columnWidth : .25,
						layout : 'form',
						border : false,
						items : [ {
							fieldLabel : '名字',
							name : 'C_NAME',
							id : 'C_NAME',
							anchor : '96%',
							xtype : 'textfield'
						} ]
					},{
						columnWidth : .25,
						layout : 'form',
						border : false,
						items : [ {
							fieldLabel : '公共代码',
							name : 'C_ALIAS',
							id : 'C_ALIAS',
							anchor : '96%',
							xtype : 'textfield'
						} ]
					},{
						columnWidth : .25,
						layout : 'form',
						border : false,
						items : [ {
							fieldLabel : '功能描述',
							name : 'C_COMMENT',
							id : 'C_COMMENT',
							anchor : '96%',
							xtype : 'textfield'
						} ]
					}]
		});
		this.store = new Ext.data.Store({
			proxy : new Ext.data.HttpProxy({
				url : ExtJ.getActionPath('code/queryMenuList.do')
			}),
			remoteSort : true,
			reader : new Ext.data.JsonReader({
				root : 'data',
				totalProperty : 'total',
				id : 'ID'
			}, [{
				name : 'ID',
				mapping : 'ID'
			}, {
				name : 'NAME',
				mapping : 'NAME'
			}, {
				name : 'CODE_ALIAS',
				mapping : 'CODE_ALIAS'
			}, {
				name : 'CODE_VALUE',
				mapping : 'CODE_VALUE'
			}, {
				name : 'CODE_COMMENT',
				mapping : 'CODE_COMMENT'
			}, {
				name : 'ORDER_INDEX',
				mapping : 'ORDER_INDEX'
			}, {
				name : 'PARENT_ID',
				mapping : 'PARENT_ID'
			}, {
				name : 'PARENT_NAME',
				mapping : 'PARENT_NAME'
			}])
		});

		
		var sm = new Ext.grid.CheckboxSelectionModel({
			singleSelect : true
		});
		
		var cm = new Ext.grid.ColumnModel([ sm, new Ext.grid.RowNumberer(), {
			header : '名字',
			width : 100,
			sortable : true,
			dataIndex : 'NAME'
		}, {
			header : '功能描述',
			width : 100,
			sortable : true,
			dataIndex : 'CODE_COMMENT'
		}, {
			header : '公共代码',
			width : 100,
			sortable : true,
			dataIndex : 'CODE_ALIAS'
			
		}, {
			header : '属性值',
			width : 100,
			sortable : true,
			dataIndex : 'CODE_VALUE'
		}/*,{
			header : '排序',
			width : 100,
			sortable : true,
			dataIndex : 'ORDER_INDEX'
		}*/]);

		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
			id : 'grid',
			region : 'center',
			store : this.store,
			border : false,
			frame : false,
			viewConfig : {
				autoFill : false,
				forceFit : false,
				focusRow : function() {
					return;
				},
				getRowClass : function(record, rowIndex, rowParams, store) {
					if (record.get("TOP_LEVEL") == "1") {
						return 'ux-grid-record-onTop';
					}
				}
			},
			sm : sm,
			cm : cm,
			tbar : [ {
				id : 'query',
				iconCls : 'query',
				text : '查询',
				handler : this.onQuery.createDelegate(this)
			}, '-', {
				id : 'reset',
				iconCls : 'reset',
				text : '重置',
				handler :this.onReset.createDelegate(this)
			}, '-', {
				id : 'update',
				iconCls : 'update',
				text : '查看/更新',
				handler : this.onUpdate.createDelegate(this)
			}],
			bbar : new Ext.PagingToolbar({
				pageSize : pageSize,
				store : this.store,
				displayInfo : true,
				displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
				emptyMsg : "没有记录"
			})
		});
		this.centerPanel=new Ext.Panel({
			region : 'center',
			title:'详细配置',
			border : true,
			layout:'border',
			items : [ this.queryForm, this.grid ]
		});
		Ext.apply(this, {
			closeAction : 'close',
			layout : 'border',
			border : false,
			modal:true,
			items : [ this.westPanel, this.centerPanel ],
			listeners : {
				'render' : this.initData.createDelegate(this)
			}
		})
	},

	initData : function() {
	},

	onTreeNodeClick : function(node, e) {
		this.queryForm.getForm().reset();
		//设置面包屑标题
		var parentnode=node;
		var panleTitle=parentnode.attributes.text;
		while('-1'!=parentnode.attributes.id){
			parentnode=parentnode.parentNode;
			panleTitle=parentnode.attributes.text+">"+panleTitle;
		};
		this.centerPanel.setTitle("公共代码"+panleTitle);
		
		//Ext.Msg.alert("测试",node.attributes.toString());
		/*if(node.leaf){
			Ext.Msg.alert("提示","本节点为叶节点,下级没有列表了");
		}*/
		Ext.getCmp('C_PARENT_ID').setValue(node.attributes.id);
		this.onQuery();
	},
	onAddTj : function() {
		var selectNode = this.westPanel.getSelectionModel().getSelectedNode();
		var treepanel = this.westPanel.getRootNode();
		console.info(treepanel.childNodes.length);
		if (!selectNode) {
			Ext.Msg.alert("提示", "请选中一个节点！");
			return;
		}
		var win = new admin.menu.menuCode.MenuAdd({
			operType : 'tj',
			selectedTreeNode : selectNode,
			treepanel : treepanel
		});
		win.show();
	},

	onAddXj : function() {
		var selectNode = this.westPanel.getSelectionModel().getSelectedNode();
		var treepanel = this.westPanel.getRootNode();
		if (!selectNode) {
			Ext.Msg.alert("提示", "请选中一个节点！");
			return;
		}
		var win = new admin.menu.menuCode.MenuAdd({
			operType : 'xj',
			selectedTreeNode : selectNode,
			treepanel : treepanel
		});
		win.show();
	},
	onDeleteMenu : function() {
		var selectNode = this.westPanel.getSelectionModel().getSelectedNode();
		if (!selectNode) {
			Ext.Msg.alert("提示", "请选中一个节点！");
			return;
		}
		var selectParentNode = this.westPanel.getSelectionModel().getSelectedNode().parentNode;
		var treepanel = this.westPanel.getRootNode();
		
		Ext.MessageBox.confirm("确认框", "确定删除该菜单吗？", function(data) {
			if (data == "yes") {
				var id = selectNode.id;
				var parentId=selectParentNode.id;
				Ext.getBody().mask("正在删除，请稍候....");
				Ext.Ajax.request({
					url : ExtJ.getActionPath("/code/deleteMenu.do"),
					params : {
						id : id,
						parentId:parentId
					},
					callback : function(options, suc, response) {
						if (suc) {
							Ext.Msg.alert('提示', '删除成功！');
						} else {
							Ext.Msg.alert('提示', '删除失败！');
						}
						treepanel.reload();
						Ext.getCmp('grid').getStore().reload();
						Ext.getBody().unmask(true);
					}.createDelegate(this)
				});
			} else {
				return;
			}
		});
	},
	onUpdateMenu: function() {
		var selectNode = this.westPanel.getSelectionModel().getSelectedNode();
		var treepanel = this.westPanel.getRootNode();
		if (!selectNode) {
			Ext.Msg.alert("提示", "请选中一个节点！");
			return;
		}
		var win = new admin.menu.menuCode.MenuUpdate({
			selectedTreeNode : selectNode,
			treepanel : treepanel
		});
		win.show();
	},
	onQuery:function(id){
		this.store.baseParams.name = Ext.getCmp('C_NAME').getValue();
		this.store.baseParams.alias = Ext.getCmp('C_ALIAS').getValue();
		this.store.baseParams.comment = Ext.getCmp('C_COMMENT').getValue();
		this.store.baseParams.id = Ext.getCmp('C_PARENT_ID').getValue();
		Ext.getBody().mask("正在查询,请稍候...");
		this.store.reload({
			params : {
				start : 0,
				limit : pageSize
			},
			callback : function() {
				Ext.getBody().unmask(true);
			}
		});
	},
	onReset:function(){
		var p_id=Ext.getCmp('C_PARENT_ID').getValue();
		 this.queryForm.getForm().reset();
		 Ext.getCmp('C_PARENT_ID').setValue(p_id);
		 
	},
	onUpdate:function(){
		var record = this.grid.getSelectionModel().getSelected();
		var treepanel = this.westPanel.getRootNode();
		if (!record) {
			ExtJ.showMessage("请选择一条记录!");
			return;
		}
		var win = new admin.menu.menuCode.MenuUpdateC({
			operType : 'rx',
			record : record,
			treepanel : treepanel
		});
		win.show();
	
	}
	
	
});